<template>
	<view class="g-desc">
        <mp-html :content="info" />
	</view>
</template>

<script setup>
import mpHtml from '@/components/mp-html/components/mp-html/mp-html.vue'
const {proxy} = getCurrentInstance()
const props = defineProps({
    id: {
       type: [String, Number],
        default: ''
    }
})

onMounted(()=>{
    getData()
})

const info = ref('')
async function getData() {
    let res = await proxy.$api('GoodsDesc', { id: props.id })
    if (res.code == 0) {
        info.value = res.data.desc || ''
    }
}
</script>

<style scoped lang="scss">
.g-desc{
    display: flex;
    flex-direction: column;
    margin-top: 20rpx;
    background-color: #fff;
    font-size: 26rpx !important;
    line-height: 1.8 !important;
    color: #000 !important;
    padding: 30rpx 20rpx;
}
</style>
